<%-- 
    Document   : index
    Created on : Sep 19, 2012, 8:47:16 PM
    Author     : CUCAINHO
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Index</title>
<link rel="stylesheet" type="text/css" href="../css/style_deal_list.css"/>
<link rel="stylesheet" type="text/css" href="../css/style_deal.css"/>
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
<link rel="stylesheet" type="text/css" href="../css/lavalamp_test.css"/>
<link rel="stylesheet" type="text/css" href="../css/detail_deal.css"/>
<!-- phan menu -->
	<link rel="stylesheet" type="text/css" href="../css/lavalamp_test.css"/>
   
 	 <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
     <script type="text/javascript" src="../js/mejs.js"></script>
    <script type="text/javascript" src="../js/jquery.easing.min.js"></script>
    <script type="text/javascript" src="../js/jquery.easing.min.js"></script>
    <script type="text/javascript" src="../js/jquery.lavalamp.min.js"></script>      
     <!-- phần slides hình-->
  
  	<link rel="stylesheet" type="text/css" href="../css/css_slideshow/style_show.css"/>
 
 	<!-- <script type="text/javascript" src="js_slideshow/jquery.min.js"></script>  -->
 
  	<script type="text/javascript" src="../js/js_slideshow/js1.js"></script> 
  
   

  
  <!--end phần slideshow hình-->
  
  
	
	<script type="text/javascript">
	
	
    $(function() {
            $("#1, #2, #3").lavaLamp({
               	fx: "backout",
                speed: 700,
                click: function(event, menuItem) {
                    return true;
                }
            });
			
			
        });
		
		<!-- phan search -->
		
		$(document).ready(function()
							   
		{
			/*$('#main > div').addClass('highlight');
			$('#main div:not(#search)').('background');*/

			var $ts = $('.txt_search');
			$('.txt_search').click(function(event)
				{
					$ts.attr({'value': ''});					
					
					/*$ts.css('background','#FFF');*/
					var s_width = $ts.width();
					//window.alert(s_width);
					
					if(s_width == 123)
					{
						$ts.animate({width:'+=50px'},'slow');
						$('.s_left').animate({"margin-left":'-=50px'},'slow');
						$('.cboLoai').animate({"margin-left":'-=50px'},'slow');
						
						
    			
						
					}
					event.stopPropagation();
				}
				);	
			//$('.all:not(search)').click(function()
					//$('div:not(.search)').click(function()
					//$('#main > div').addClass('highlight');
					$('div:not(.searchs)').click(function(event)
					{
						var s_width_s = $('.txt_search').width();	
						if(s_width_s > 123)
						{
							//window.alert(s_width_s);
							$('.txt_search').animate({width:'-=50px'},'slow');
							$ts.attr({'value': 'Search'});
							$('.s_left').animate({"margin-left":'+=50px'},'slow');
							$('.cboLoai').animate({"margin-left":'+=50px'},'slow');
							//$('.s_left').animate({margin:'10px 10px 10px +=5px'},'slow');
							/*$ts.css('background','#FFF');*/
					
							//event.stopPropagation();
						}
						event.stopPropagation();
					}
					);
			
		}
		
		);
		<!--  end phan search -->
		
		
    </script>
  
    
<!-- end phan menu -->

</head>

<body>
<div class="body">
	<div id="header">
    	<div id="header_data">
                  <div id="logo">
                           <img src="../images/logo.gif" />
                  </div>
                           
                  <div id="content_header">  
                  		                   
                      <div class"cart" align="right">  
                       <span class="link_top"><a href='#'> <img class="cart" src="../images/cart.png"/>5</a></span>
                        <span class="link_top"><a href="#">cu.cai_nho</a></span>
                        <span class="link_top"><a href="#">Login</a></span> 
                        <span class="link_top"><a href="#">Logout</a></span> 
                      </div>
                  </div>
                  
                  <div id="location">                  		
                        <div class="cbolocation">
                            <select name="cbolocation" id="cbolocation">
                                <option value="1">TP Hồ Chí Minh</option>
                                <option value="2">Hà Nội</option>
                            </select>
                         </div>  
                 
                     
                  </div> <!--end div location-->
         </div>     
    </div><!--end div header-->
    
          
    <div id="menu_lamp">
        <div id="menu_ngang">        
                <div class="menu_top"> 
                    <div class="menu_top_detail">   
                        <ul class="lavaLampWithImage" id="1">
                                <li class="current"><a href="../index.html">Home</a></li>                              
                                <li><a href="../DanhSachDeal.html">Danh Sách Deal</a></li>
                                <li><a href="../ChiTietDeal.html">Chi Tiet Deal</a></li>                               
                                <li><a href="../DangKy.html">Đăng Ký</a></li>
                                <form id="from_Search" method="post" >
                              
                                <li class="search"> 
                                     
                                         <div class="searchs">
                        
                                            
                                               <div class="search_wrapper">
                                                    <div class="cboLoai">
                                                        <select name="cboLoai" id="tim">
                                                            <option value="1">Sản Phẩm </option>
                                                            <option value="2">Hãng Sản Xuất</option>
                                                        </select>
                                                     </div>   
                                                </div>        
                                             
                                         </div>                     
                              </li>
                              
                             
                              
                              <li class="search">
                                     
                                     <div class="searchs">
                    
                               
                                           <div class="search_wrapper">
                                                
                                                <span class="s_left"></span>                        
                                                    <input type="text" name="txtTimKiem" class="txt_search" title="Tìm kiếm" value="Search" size="20"/>
                                                <span class="s_right"></span>
                                            </div>        
                                         
                                     </div>                     
                              </li>
                               </form> 
                              
                       </ul>
                        
                    </div><!--end menu_top_detail-->
            </div><!-- end menu top -->
        </div> <!--end div menu ngang-->
    </div>    <!--end menu_lamp-->
    
    
<div id="main_body">
    <div id="main">
	
	<!-- TemplateBeginEditable name="slideshow_top" -->
    
    	
	
	
	<!-- TemplateEndEditable -->
	
    	<div id="main_left">

        	
             <!-- phần các danh mục-->         
                 
            <!-- 1 danh mục -->
 			<div class="menu_left">
            
                    
             <div id="danh_muc">
             
                <div class ="danh_muc_title">
                    <div class="h3">Danh Mục</div>
                </div>
                
               <div class="danh_muc_content">
                
                    <div class="content_menu_left_new">
                       <div class="link">	<a href="#" > link to data</a></div>
                    </div><!--end div content menu left-->
                    
                     <div class="content_menu_left_new">
                         <div class="link">	<a href="#" > link to data</a></div>
                    </div><!--end div content menu left-->
                    <div class="content_menu_left_new">
                         <div class="link">	<a href="#" > link to data</a></div>
                    </div><!--end div content menu left-->
                    <div class="content_menu_left_new">
                         <div class="link">	<a href="#" > link to data</a></div>
                    </div><!--end div content menu left-->
                    <div class="content_menu_left_new">
                         <div class="link">	<a href="#" > link to data</a></div>
                    </div><!--end div content menu left-->
                     <div class="content_menu_left_new">
                         <div class="link">	<a href="#" > link to data</a></div>
                    </div><!--end div content menu left-->
                    
               </div> <!--end danh muc content -->
               
           </div>  <!--end div danh muc-->         
            
            </div><!--end div menu left->
              <!-- end 1 danh mục -->
              
              
               <!-- 1 danh mục -->
 			<div class="menu_left">
            
                    
             <div id="danh_muc">
             
                <div class ="danh_muc_title">
                    <div class="h3">Trợ giúp</div>
                </div>
                
               <div class="danh_muc_content">
                
                    <div class="content_menu_left_new">
                       <div class="link">	<a href="#" > Hướng dẩn mua hàng</a></div>
                    </div><!--end div content menu left-->
                    
                     <div class="content_menu_left_new">
                         <div class="link">	<a href="#" > Chính sách đổi trả</a></div>
                    </div><!--end div content menu left-->
                    <div class="content_menu_left_new">
                         <div class="link">	<a href="#" > Hình thức thanh toán</a></div>
                    </div><!--end div content menu left-->
                   
                    
               </div> <!--end danh muc content -->
               
           </div>  <!--end div danh muc-->         
            
            </div><!--end div menu left->
              <!-- end 1 danh mục -->
              
              
               <!-- 1 danh mục -->
 			<div class="menu_left">
            
                    
             <div id="danh_muc">
             
                <div class ="danh_muc_title">
                    <div class="h3">Hổ trợ trực tuyến</div>
                </div>
                
               <div class="danh_muc_content">
                	Yahoo
                 
                   
                    
               </div> <!--end danh muc content -->
               
           </div>  <!--end div danh muc-->         
            
            </div><!--end div menu left->
              <!-- end 1 danh mục -->
              
              
            
            <!--end phần các danh mục-->
            
            </div> <!--end div main left--> 
            
            
	<div id="main_right">
	<!-- TemplateBeginEditable name="Main_Content" -->    
    		Main_Content	
	<!-- TemplateEndEditable --> 
    
      </div> <!---End div main right->
    </div><!--end div main-->
    	
        
        <div id="vide"></div>
        
   
        
  </div><!--end div main body-->
    
    <div id="footer_link">
    	<div id="footer_link_data">
        	Link to trang chu...
        </div>
    </div> <!--End dic footer link-->
    <div id="footer_wide">
        	
             <div id="footer">
                
                    <div class="footer_content">
                        <span class="footer_text">PHOTOSTUDIO TC - 152/62/28 Lạc Long Quân, P. 3, Q. 11, TP HCM</span>                         
                    </div>
                    
                
             </div><!--end div footer-->
     
     </div> <!--end div footer_wide-->

</div> <!-- End div body-->
</body>
</html>


